<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="jquery/1.10.2/jquery.min.js">
	
</script>
<script>
	$(document).ready(function() {
		$(".ex .slow").click(function() {
			$(this).parents(".ex").hide("slow");
		});
		$(".ex .fast").click(function() {
			$(this).parents(".ex").hide("fast");
		});
		$(".ex ._5000ms").click(function() {
			$(this).parents(".ex").hide(5000);
		});
	});
</script>
<style type="text/css">
div.ex {
	background-color: #e5eecc;
	padding: 7px;
	border: solid 1px #c3c3c3;
}
</style>
</head>
<body>

	<h3>Google</h3>
	<div class="ex">
		<button class="slow">点我隐藏（slow）</button>
		<p>
			站点名: Google<br> 站点 URL：http://www.google.com
		</p>
	</div>

	<h3>菜鸟教程</h3>
	<div class="ex">
		<button class="fast">点我隐藏(fast)</button>
		<p>
			站点名: 菜鸟教程<br> 站点 URL：http://www.runoob.com
		</p>

	</div>

	<h3>菜鸟教程</h3>
	<div class="ex">
		<button class="_5000ms">点我隐藏(5000ms)</button>
		<p>
			站点名: 菜鸟教程<br> 站点 URL：http://www.runoob.com
		</p>

	</div>

</body>
</html>
s
